<template>
	<!-- 在uni-app组件中复制 -->
	<view>
		<view class="add-cover" @click="upload">
			<image class="cover" :src="cover" mode="aspectFill"></image>
			<view class="default">
				<text>{{cover?'':'点击添加封面'}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cover: ''
			};
		},
		methods: {
			upload() {
				uni.chooseImage({
					success: res => {
						//打印的结果是以数组方式返回的，所以我们只需要取第一个值：["blob:http://localhost:8080/c18cded6-ab83-4d0e-9ccd-ce2e402b7d3f"] 
						console.log(res.tempFilePaths)
						// 将选择的图片赋值给我们定义的cover
						this.cover = res.tempFilePaths[0]
					}
				});
			}
		}
	}
</script>

<style>

</style>